import axios from 'axios'
import { showToast } from 'vant';
import type { AxiosRequestConfig } from 'axios';
import * as storage from "../config/storage"
import * as constants from '../config/constants'
import { addRequest, refreshToken } from "../utils/refresh";
import router from '@/router';

const instance = axios.create({
    baseURL: 'http://localhost:3001',
    timeout: 10000,
});
// 添加请求拦截器
instance.interceptors.request.use(function (config) {
    // 在发送请求之前做些什么
    //请求头携带短token
    let aToken = storage.getAccessToken()
    config.headers[constants.AUTH] = aToken
    return config;
}, function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
});

// 添加响应拦截器
instance.interceptors.response.use(function (response: any) {
    // 对响应数据做点什么
    // 获取到配置和后端响应的数据
    let { config, data } = response
    return new Promise((resolve, reject) => {
        // 短token失效
        if (data.code === 409) {
             // 移除失效的短token
            storage.removeAccessToken()
            // 把过期请求存储起来，用于请求到新的短token，再次请求，达到无感刷新
            addRequest(() => resolve(request(config)))
            // 携带长token去请求新的token
            refreshToken()
        } else if (data.code === 401) {
            reject(data.msg)
            showToast('未登录 请去登录');
            router.push('/login')
        } else {
            resolve(data)
        }
    })
}, function (error) {
    // 超出 2xx 范围的状态码都会触发该函数。
    // 对响应错误做点什么
    if (error && error.response) {
        // 根据响应码具体处理
        switch (error.response.status) {
            case 401:
                error.message = '未授权，请重新登录'
                break;
            case 403:
                error.message = '拒绝访问'
                break;
            case 404:
                error.message = '请求错误，未找到该资源'
                break;
            case 405:
                error.message = '请求方法为允许'
                break;
            case 500:
                error.message = '服务器出错'
                break;
            default:
                error.message = `连接错误${error.response.status}`
        }
    } else {
        // 超时处理
        if (JSON.stringify(error).includes('timeout')) {
            showToast('服务器响应超时，请刷新页面');
        }
        error.message = '连接服务器失败';
    }
    showToast(error.message);
    return Promise.resolve(error.response);
});
const request = <T>(config: AxiosRequestConfig): Promise<T> =>
    instance<T, any>(config).then(res => {
        return res;
    });

export default request


